<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../utils/jquery/jquery.3.7.min.js"></script>
</head>
<body>
<ul><li></li></ul>
</body>
<script type="text/javascript">
    // 1. 事件绑定
    // 可以绑定动态元素
    // 1) 使用on事件代理到父元素上 绑定的是子元素的事件
    // $("div").on("change",'.checked-input' function() {})
    // $("ul").on("click", "li", function() {
    //     alert(11);
    // });
    // 2) 使用原生onclick + 字符串 在初始化新增元素的生活就绑定好事件
    // 2. 事件解绑 off
    // $("div").off();  // 这个是解除了div身上的所有事件
    // $("div").off("click"); // 这个是解除了div身上的点击事件
    // $("ul").off("click", "li");
    // 3.自动触发事件
    // 1). 元素.事件()
    // $("div").click();会触发元素的默认行为
    // 2). 元素.trigger("事件")
    // $("div").trigger("click");会触发元素的默认行为
    // $("input").trigger("focus");
    // 3). 元素.triggerHandler("事件") 就是不会触发元素的默认行为
    // $("div").triggerHandler("click");
</script>
</html>